<template>
	<view class="page">
		<image src="@/static/image/login_bg.png" class="bg-img"></image>
		<view class="info-block">
			<image src="/static/image/name.png" mode="widthFix" class="title"></image>
			<view class="form-block">
				<view class="name">手机号登录</view>
				<view class="form-item">
					<view class="iconfont icon-shouji" style="font-size: 38rpx;"></view>
					<input placeholder="请输入手机号" v-model="form.username" class="form-crl" maxlength="11" type="number" />
				</view>
				<view class="form-item">
					<view class="iconfont icon-yanzhengma" style="font-size: 38rpx;"></view>
					<input placeholder="请输入密码" v-model="form.password" class="form-crl" maxlength="11"
						type="password" />
				</view>
				<!-- <view class="form-item">
					<view class="iconfont icon-yanzhengma"></view>
					<input placeholder="请输入验证码" v-model="form.code" class="form-crl" type="number" />
					<view @click="getCaptcha" class="small-btn normal">{{btnText}}</view>
				</view> -->
				<view class="btn-item" @click="getLogin">登录</view>
				<!-- <view class="type" @click="navigate('/pages/login/index')">一键登录</view> -->
			</view>
			<radio-group @change="changeGroup" class="radio-item">
				<radio style="transform:scale(0.7)" color="#3175ff" :checked="checked"></radio>
				<view class="text">我已阅读并同意</view>
				<view class="text color" @click="showUserAgreement">《用户服务协议》</view>
				<view class="text">和</view>
				<view class="text color" @click="showPrivacyPolicy">《隐私政策》</view>
			</radio-group>
		</view>
		<!-- 用户服务协议弹窗 -->
		<uni-popup ref="userAgreementPopup" type="center">
			<view class="agreement-popup">
				<view class="popup-header">
					<text class="title">用户协议</text>
					<text class="close" @click="closeUserAgreement">×</text>
				</view>
				<scroll-view scroll-y class="agreement-content">
					<view class="content">
						<view class="title">泉速通用户协议</view>

						<view class="section">
							<view class="section-title">一、用户协议总则</view>
							<view class="section-content">
								<view>1、本协议双方为 <text class="bold">酒泉市肃州区工交能源开发投资有限责任公司（以下简称"运营方"）</text>和<text
										class="bold">泉速通（包括手机APP等产品提供的服务，以下简称"产品和服务"）</text>的<text
										class="bold">注册用户（以下简称"用户"）</text>。</view>
								<view>2、用户在注册前请仔细阅读本协议的条款，并按照页面上的提示完成全部注册程序。</view>
								<view>3、用户在进行注册过程中点击"同意"按钮，即表示用户已充分知悉和完全接受本协议项下全部条款，进而与运营方达成本协议。</view>
								<view>4、运营方有权不时对本协议项下相关规则作出修改或补充，并于网站公布。用户若继续使用即视为您接受修订后的本协议条款。</view>
							</view>
						</view>

						<view class="section">
							<view class="section-title">二、用户服务使用说明</view>
							<view class="section-content">
								<view>1、用户在注册时应按照注册提示填写准确的手机号码等相关个人资料，符合完整、准确、真实的要求。</view>
								<view>2、用户一旦注册成功，便成为运营方合法的注册用户。用户应对其账号安全负全部责任，并应对其用户名下所进行的所有行为和事件承担相应的法律责任。</view>
								<view>3、用户同意接受运营方通过或其他方式向用户发送有关商业信息。</view>
								<view>4、运营方不对用户所发布信息的删除或储存失败负责。</view>
								<view>5、运营方有判定用户的行为是否符合本网站服务条款要求的权利，如果用户违背了服务条款的规定，本网站有权对其用户所提供的网络服务进行中断或停止使用。</view>
								<view>6、运营方提供账号删除服务，如果用户需要删除账号，可以通过本协议中的联系方式与我们联系。</view>
								<view>7、用户不得以任何非法目的或其它方式对运营方的个人用户账号进行转让、转借、倒卖、账号共享等行为（用户账号仅限由其本人使用）。</view>
							</view>
						</view>

						<view class="section">
							<view class="section-title">三、协议内容的变更和修订</view>
							<view class="section-content">
								<view>1、运营方有权在必要时修改服务条款，修改后的协议可以在运营方上查看。</view>
								<view>2、用户如果不同意运营方所改动的内容，可自行停止使用本站网络服务。</view>
								<view>3、如果用户继续享用本站网络服务，则视为同意接受本网站服务条款的变动。</view>
								<view>4、运营方可随时根据实际情况中断或终止一项或多项网络服务而无需对任何用户或第三方承担任何责任，如用户对一项或多项网络服务的中断或终止有异议，可以行使如下权利：
								</view>
								<view class="indent">（1）自行停止使用运营方的网络服务。</view>
								<view class="indent">
									（2）通知运营方停止对该用户的服务。结束用户服务后，用户使用网络服务的权利立即终止，从终止时起，用户没有权利再进行处理任何未完成的信息或服务，运营方也没有义务为其传送任何未处理的信息或未完成的服务给用户或任何第三方。
								</view>
							</view>
						</view>

						<view class="section">
							<view class="section-title">四、用户隐私保护</view>
							<view class="section-content">
								<view>运营方将严格履行用户个人隐私保密义务，承诺不公开、编辑或透露用户个人信息，但以下特殊情况除外：</view>
								<view>1、经注册用户事先许可授权；</view>
								<view>2、遵守国家法律法规或配合相关政府部门的要求；</view>
								<view>3、遵从运营方合法服务程序；</view>
								<view>4、为维护社会公众利益以及运营方的合法权益所必须。</view>
							</view>
						</view>

						<view class="section">
							<view class="section-title">五、注册用户的权利与义务</view>
							<view class="section-content">
								<view>
									1、注册用户在使用运营方产品和服务时，必须遵守中华人民共和国相关法律法规的规定，用户应同意将不会利用本服务进行任何违法或不正当的活动，否则用户将自行承担由此产生的一切法律责任。
								</view>
								<view>2、用户在账号使用过程中不得上载、展示、张贴、传播或以其它方式传送含有下列内容之一的信息：</view>
								<view class="indent">（1）危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；</view>
								<view class="indent">（2）损害国家荣誉和利益的；</view>
								<view class="indent">（3）煽动民族仇恨、民族歧视、破坏民族团结的；</view>
								<view class="indent">（4）破坏国家宗教政策，宣扬邪教和封建迷信的；</view>
								<view class="indent">（5）散布谣言，扰乱社会秩序，破坏社会稳定的；</view>
								<view class="indent">（6）散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；</view>
								<view class="indent">（7）侮辱或者诽谤他人，侵害他人合法权利的；</view>
								<view class="indent">（8）含有虚假、有害、胁迫、侵害他人隐私、骚扰、侵害、中伤、粗俗、猥亵、或其它道德上令人反感的内容。</view>
								<view>3、不得为任何非法目的而使用网络服务系统。</view>
								<view>4、不得利用运营方产品和服务故意制作、传播计算机病毒等破坏性程序，或其他从事任何危害计算机信息网络安全的行为。</view>
								<view>
									5、若用户行为违反上述约定，运营方有权作出独立判断并立即取消用户的服务账号，用户应对自己网上的行为承担一切法律责任，运营方的系统记录有可能作为用户违反法律的证据提交给相关主管部门。
								</view>
								<view>6、用户应同意保障和维护运营方全体成员及其他用户的利益，如因违反本协议或违反有关的法律法规而给运营方或任何第三者造成损失，用户应承担因此产生的法律责任。
								</view>
							</view>
						</view>

						<view class="section">
							<view class="section-title">六、运营方网络服务内容的所有权</view>
							<view class="section-content">
								<view>
									1、运营方定义的网络服务内容包括但不限于：出租车在线支付、出租车监管等。该等内容均受《著作权法》、《商标法》、《专利法》、《计算机软件保护条例》及其他相关法律法规的保护。
								</view>
							</view>
						</view>

						<view class="section">
							<view class="section-title">七、免责声明</view>
							<view class="section-content">
								<view>1、用户同意承担使用运营方产品和服务所存在的一切风险以及因使用网络服务而产生的一切后果，运营方对用户不承担任何责任。</view>
								<view>2、运营方不担保服务一定能满足用户的要求，也不担保服务不会中断，亦对服务的及时性，安全性及可能发生的技术错误均不作任何担保。</view>
								<view>
									3、任何由于黑客攻击、计算机病毒侵入或发作、政府管制、硬件故障、不可抗力等非运营方故意或严重过失而造成的用户个人资料泄露、丢失、被盗用、被篡改或服务暂定或终止的，对用户可能造成的风险或损失，运营方不承担法律责任。
								</view>
							</view>
						</view>

						<view class="section">
							<view class="section-title">八、其他约定</view>
							<view class="section-content">
								<view>1、用户同意因本平台服务产生的任何争议均适用中华人民共和国法律，相关争议任何一方可向运营方住所地人民法院提起诉讼解决。</view>
								<view>2、本协议中的标题仅为方便而设，不影响对于条款本身的解释。本协议中的任何条款无论因何种原因完全或部分无效或不具有执行力，其余条款仍应具有约束力。</view>
							</view>
						</view>

						<view class="section">
							<view class="section-title">九、联系我们</view>
							<view class="section-content">
								<view>如果您对本协议或本服务有任何疑问、意见或建议，可通过以下方式与我们联系：</view>
								<view class="indent">（1）拨打客服热线电话0937-12328</view>
								<view class="indent">（2）发送电子邮件至：18189379075@163.com</view>
								<view class="indent">（3）联系地址：甘肃省酒泉市肃州区西南街街道敦煌路11号洪洋商业广场7号楼4楼，联系人：祁晨</view>
							</view>
						</view>

						<view class="section">
							<view class="section-content">
								<view>（完）</view>
							</view>
						</view>
					</view>
				</scroll-view>
			</view>
		</uni-popup>
		<!-- 隐私政策弹窗 -->
		<uni-popup ref="privacyPolicyPopup" type="center">
			<view class="agreement-popup">
				<view class="popup-header">
					<text class="title">隐私政策</text>
					<text class="close" @click="closePrivacyPolicy">×</text>
				</view>
				<scroll-view scroll-y class="agreement-content">
					<view class="content">
						<view class="title">泉速通隐私政策</view>

						<view class="section">
							<view class="section-content">
								<view>
									欢迎您访问我们的产品。泉速通（包括手机APP等产品提供的服务，以下简称"产品和服务"）是由酒泉市肃州区工交能源开发投资有限责任公司（以下简称"我们"）开发并运营的。确保用户的数据安全和隐私保护是我们的首要任务，本隐私政策载明了您访问和使用我们的产品和服务时所收集的数据及其处理方式。
								</view>
								<view>
									请您在继续使用我们的产品前务必认真仔细阅读并确认充分理解本隐私政策全部规则和要点，一旦您选择使用，即视为您同意本隐私政策的全部内容，同意我们按其收集和使用您的相关信息。如您在在阅读过程中，对本政策有任何疑问，可联系我们的客服咨询，请通过
									18189379075@163.com 或产品中的反馈方式与我们取得联系。如您不同意相关协议或其中的任何条款的，您应停止使用我们的产品和服务。</view>
								<view>本隐私政策帮助您了解以下内容：</view>
								<view>一、定义；</view>
								<view>二、我们如何收集和使用您的个人信息；</view>
								<view>三、我们如何存储和保护您的个人信息；</view>
								<view>四、我们如何共享、转让、公开披露您的个人信息；</view>
								<view>五、本政策如何更新；</view>
								<view>六、如何联系我们；</view>
							</view>
						</view>

						<view class="section">
							<view class="section-title">一、定义</view>
							<view class="section-content">
								<view>我们：指酒泉市肃州区工交能源开发投资有限责任公司。</view>
								<view>个人信息：指以电子或者其他方式记录的与已识别或者可识别的自然人有关的各种信息，不包括匿名化处理后的信息。</view>
								<view>
									个人敏感信息：指一旦泄露或者非法使用，可能导致个人受到歧视或者人身、财产受到严重危害的个人信息，包括种族、民族、宗教信仰、个人生物特征、医疗健康、金融账户、个人行踪等信息（我们将在本隐私政策中对具体个人敏感信息以粗体进行显著标识）。
								</view>
								<view>未成年人：指不满18周岁的自然人。</view>
								<view>儿童：指不满14周岁的自然人。</view>
							</view>
						</view>

						<view class="section">
							<view class="section-title">二、我们如何收集和使用您的个人信息</view>
							<view class="section-content">
								<view>
									个人信息是指以电子或者其他方式记录的能够单独或者与其他信息，结合识别特定自然人身份或者反映特定自然人活动情况的各种信息。我们根据《中华人民共和国网络安全法》和《信息安全技术个人信息安全规范》（GB/T
									35273-2017）以及其它相关法律法规的要求，并严格遵循正当、合法、必要的原则，出于您使用我们提供的服务和/或产品等过程中而收集和使用您的个人信息，包括但不限于：
								</view>
								<view class="sensitive-info">
									<view class="sensitive-item">• <text class="highlight">电话号码</text>：用于账号注册、登录验证和身份识别
									</view>
									<view class="sensitive-item">• <text class="highlight">位置信息</text>：用于提供出租车叫车和行程追踪服务
									</view>
									<view class="sensitive-item">• <text
											class="highlight">设备信息</text>：包括设备型号、操作系统版本、设备设置、唯一设备标识符等</view>
									<view class="sensitive-item">• <text class="highlight">支付信息</text>：用于完成出租车费用支付
									</view>
								</view>
								<view>
									为接受我们全面的产品服务，您应首先注册一个用户账号，我们将通过它记录相关的数据。您所提供的所有信息均来自于您本人在注册时提供的数据。您准备使用的账户名、密码、您本人的联系方式，我们可能通过发短信或者邮件的方式来验证您的身份是否有效。
								</view>
							</view>
						</view>

						<view class="section">
							<view class="section-title">三、我们如何存储和保护您的个人信息</view>
							<view class="section-content">
								<view>
									作为一般规则，我们仅在实现信息收集目的所需的时间内保留您的个人信息。我们会在对于管理与您之间的关系严格必要的时间内保留您的个人信息（例如，当您开立帐户，从我们的产品获取服务时）。出于遵守法律义务或为证明某项权利或合同满足适用的诉讼时效要求的目的，我们可能需要在上述期限到期后保留您存档的个人信息，并且无法按您的要求删除。如果您确认不再使用我们的产品和服务，并按照要求主动注销了您的账户，所有信息将被完全删除。
								</view>
								<view>值得一提的是，为了加强对隐私数据的保护，我们在收集时就已对其进行了脱敏处理，即使在我们自己的数据库中，也不会储存具有关联性的、明文的隐私数据。</view>
							</view>
						</view>

						<view class="section">
							<view class="section-title">四、我们如何共享、转让、公开披露您的个人信息</view>
							<view class="section-content">
								<view>
									在管理我们的日常业务活动所需要时，为追求合法利益以更好地服务客户，我们将合规且恰当的使用您的个人信息。出于对业务和各个方面的综合考虑，我们仅自身使用这些数据，不与任何第三方分享。
								</view>
								<view>
									我们可能会根据法律法规规定，或按政府主管部门的强制性要求，对外共享您的个人信息。在符合法律法规的前提下，当我们收到上述披露信息的请求时，我们会要求必须出具与之相应的法律文件，如传票或调查函。我们坚信，对于要求我们提供的信息，应该在法律允许的范围内尽可能保持透明。
								</view>
								<view>在以下情形中，共享、转让、公开披露您的个人信息无需事先征得您的授权同意：</view>
								<view class="indent">1、与国家安全、国防安全直接相关的；</view>
								<view class="indent">2、与犯罪侦查、起诉、审判和判决执行等直接相关的；</view>
								<view class="indent">3、出于维护您或其他个人的生命、财产等重大合法权益但又很难得到本人同意的；</view>
								<view class="indent">4、您自行向社会公众公开的个人信息；</view>
								<view class="indent">5、从合法公开披露的信息中收集个人信息的，如合法的新闻报道、政府信息公开等渠道。</view>
								<view class="indent">6、根据个人信息主体要求签订和履行合同所必需的；</view>
								<view class="indent">7、用于维护所提供的产品或服务的安全稳定运行所必需的，例如发现、处置产品或服务的故障；</view>
								<view class="indent">8、法律法规规定的其他情形。</view>
							</view>
						</view>

						<view class="section">
							<view class="section-title">五、本政策如何更新</view>
							<view class="section-content">
								<view>我们的隐私政策可能变更。</view>
								<view>未经您明确同意，我们不会削减您在本政策项下应享有的权利。我们会在本页面上发布对本政策所作的任何变更。</view>
								<view>
									对于重大变更，我们还会提供更为显著的通知（比如官方公告、推送通知、发送短信或者电子邮件），并在本政策更新后您首次登陆时再次获取您的明示同意。若您在本政策更新且接到我们的通知后，点击同意或下一步，这表示您已充分阅读、理解并接受修订后的本政策。
								</view>
								<view>本政策所指的重大变更包括但不限于：</view>
								<view class="indent">1、我们的服务模式发生重大变化，比如处理个人信息的类型、目的和方式等；</view>
								<view class="indent">2、我们在所有权结构、组织架构等方面发生重大变化，比如业务调整、并购、破产等引起的所有者变更等；</view>
								<view class="indent">3、个人信息共享、转让或者公开披露的主要对象发生变化；</view>
								<view class="indent">4、您参与个人信息处理方面的权利及其行使方式发生重大变化；</view>
								<view class="indent">5、我们负责处理个人信息安全的责任部门、联络方式及投诉渠道发生变化时；</view>
								<view class="indent">6、个人信息安全影响评估报告表明存在高风险时。</view>
								<view>我们还会将本政策的旧版本存档，供您查阅。</view>
							</view>
						</view>

						<view class="section">
							<view class="section-title">六、如何联系我们</view>
							<view class="section-content">
								<view>1.如果您对本政策有任何疑问、意见或建议，可通过以下方式与我们联系：</view>
								<view class="indent">（1）拨打客服热线电话0937-12328</view>
								<view class="indent">（2）发送电子邮件至：18189379075@163.com</view>
								<view class="indent">（3）联系地址：甘肃省酒泉市肃州区西南街街道敦煌路11号洪洋商业广场7号楼4楼，联系人：祁晨</view>
								<view>我们的客服部门将会同个人信息保护部门30天内进行回复，并协助解决您的问题。</view>
								<view>
									2.如果您对我们的回复不满意，特别是我们的个人信息处理行为损害了您的合法权益，您还可以通过以下外部途径寻求解决方式：向酒泉市肃州区工交能源开发投资有限责任公司所在地人民法院提起诉讼，或向网信、工商、公安等监管部门进行投诉或举报。
								</view>
							</view>
						</view>
					</view>
				</scroll-view>
			</view>
		</uni-popup>
		<!-- 协议提示弹窗 -->
		<uni-popup ref="agreementTipPopup" type="center">
			<view class="agreement-tip-popup">
				<view class="popup-content">
					<text class="tip-text">请阅读并同意《用户服务协议》和《隐私政策》</text>
					<view class="btn-group">
						<view class="btn agree-btn" @click="handleAgree">我已同意</view>
					</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	import checkVersion from '@/pages/lq-upgrade/checkVersion.js'
	import {
		getCaptchaApi,
		getLoginApi
	} from '@/api/user.js'
	import {querySysVersionApi} from '@/api/home.js'
	import {
		validate
	} from '@/util/validate.js';
	export default {
		data() {
			return {
				captcha: '',
				form: {
					username: '',
					//code: '',
					password: '',
					checked: false
				},
				checked: false,
				rule: {
					username: {
						name: '手机号',
						required: true
					},
					password: {
						name: '密码',
						required: true
					},
					// code: {
					// 	name: '验证码',
					// 	required: true
					// },
					checked: {
						name: '阅读并同意《用户服务协议》和《隐私政策》',
						required: true
					},
				},
				btnText: '获取验证码',
				seconds: 0,
				userAgreementUrl: 'https://quansutong.quansuchong.com/user.html',
			}
		},
		methods: {
			changeGroup(e) {
				this.checked = true
				this.form.checked = true
			},
			getCaptcha() {
				if (this.seconds == 0) {
					if (!this.form.username) {
						this.showToast('请先输入手机号码！');
						return false;
					}
					uni.showLoading({
						title: '发送中！',
						mask: true,
					})
					getCaptchaApi({
						phone: this.form.username,
					}).then((res) => {
						uni.hideLoading()
						this.showToast('发送成功！');
						this.setCountDown(60)
					})
				}
			},
			setCountDown(seconds) {
				let _this = this;
				this.countDown = setInterval(function() {
					seconds = seconds > 0 ? seconds - 1 : seconds;
					let sendCodeText = seconds > 0 ? `重新获取(${seconds}s)` : '获取验证码';
					_this.btnText = sendCodeText;
					_this.seconds = seconds;
					if (seconds == 0) {
						clearInterval(_this.countDown);
					}
				}, 1000)
			},
			getLogin() {
				if (!this.checked) {
					this.$refs.agreementTipPopup.open();
					return;
				}
				if (validate(this.form, this.rule)) {
					uni.showLoading({
						title: '登录中！',
						mask: true,
					})
					this.$store.dispatch('user/handleLogin', this.form).then(() => {
						this.showToast('登录成功！', () => {
							this.$store.dispatch('push/submitCid') //提交本机CID
							this.$store.dispatch('push/getPushStatus') //获取当前账号播报状态
							uni.switchTab({
								url: '/pages/index/index'
							})
						}, 2000)
					})
				}
			},
			handleAgree() {
				this.checked = true;
				this.form.checked = true;
				this.$refs.agreementTipPopup.close();
			},
			showUserAgreement() {
				this.$refs.userAgreementPopup.open();
			},
			closeUserAgreement() {
				this.$refs.userAgreementPopup.close();
			},
			showPrivacyPolicy() {
				this.$refs.privacyPolicyPopup.open();
			},
			closePrivacyPolicy() {
				this.$refs.privacyPolicyPopup.close();
			},

			getVersion() {
				//获取版本号
				plus.runtime.getProperty(plus.runtime.appid, (wgtinfo) => {
					this.currentVersion = wgtinfo.versionCode
				});
			},
			upgrade() {
				querySysVersionApi().then(res => {
					if (res) {
						checkVersion({
							selfVersionCode: this.currentVersion,
							name: res.versionName, // 版本号
							code: parseInt(res.versionCode), // 版本号（数字）
							content: res.content, // 更新内容
							url: res.appUrl, // app下载链接
							forceUpdate: true
						});
					}

				}).catch(err => {
					console.error('获取版本信息失败:', err);
				});
			},
		},
		mounted() {
			const token = this.$store.getters.token
			if (token) {
				uni.switchTab({
					url: '/pages/index/index'
				})
			}
		},
		onShow() {
			this.getVersion()
			this.upgrade()
		}
	}
</script>

<style lang="scss" scoped>
	.page {
		overflow: hidden;
		min-height: 100vh;
		background-color: #F7F6F9;

		.bg-img {
			width: 100%;
			min-height: 100vh;
			position: absolute;
		}

		.info-block {
			position: relative;
			height: 90vh;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;

			.title {
				margin-top: 200rpx;
				width: 38%;
			}

			.phone {
				margin-top: 80rpx;
				font-weight: bold;
				font-size: 54rpx;
			}

			.form-block {
				width: 100%;
				padding: 40rpx;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;

				.name {
					width: 100%;
					font-weight: bold;
					font-size: 38rpx;
				}

				.form-item {
					display: flex;
					align-items: center;
					background-color: #ffffff;
					width: 100%;
					height: 100rpx;
					margin-top: 40rpx;
					padding: 0 30rpx;
					border-radius: 60rpx;

					.iconfont {
						font-size: 34rpx;
						margin-right: 30rpx;
					}

					.small-btn {
						position: absolute;
						width: 210rpx;
						height: 70rpx;
						right: 60rpx;
						display: flex;
						align-items: center;
						justify-content: center;
						border-radius: 60rpx;
						font-size: 28rpx;
					}
				}

				.btn-item {
					width: 100%;
					height: 90rpx;
					margin-top: 10rpx;
					border-radius: 60rpx;
					background: #3175ff;
					display: flex;
					align-items: center;
					justify-content: center;
					color: #ffffff;
					margin-top: 80rpx;
				}

				.type {
					margin-top: 80rpx;
					font-size: 30rpx;
				}
			}

			.radio-item {
				display: flex;
				align-items: center;
				flex-wrap: wrap;
				margin-bottom: 40rpx;

				.text {
					font-size: 28rpx;
					color: #767676;
				}

				.color {
					color: #3175ff;
					font-weight: bold;
				}
			}
		}
	}

	.agreement-popup {
		width: 90vw;
		height: 80vh;
		background-color: #fff;
		border-radius: 20rpx;
		overflow: hidden;

		.popup-header {
			height: 100rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 30rpx;
			border-bottom: 1px solid #eee;

			.title {
				font-size: 32rpx;
				font-weight: bold;
			}

			.close {
				font-size: 40rpx;
				color: #999;
			}
		}

		.agreement-content {
			height: calc(80vh - 100rpx);
			padding: 30rpx;

			.content {
				.title {
					font-size: 36rpx;
					font-weight: bold;
					text-align: center;
					margin-bottom: 30rpx;
				}

				.section {
					margin-bottom: 30rpx;

					.section-title {
						font-size: 32rpx;
						font-weight: bold;
						margin-bottom: 20rpx;
					}

					.section-content {
						font-size: 28rpx;
						line-height: 1.6;
						color: #333;

						.bold {
							font-weight: bold;
						}

						.indent {
							text-indent: 2em;
						}
					}
				}
			}
		}
	}

	.sensitive-info {
		margin: 20rpx 0;
		padding: 20rpx;
		background-color: #f8f8f8;
		border-radius: 10rpx;

		.sensitive-item {
			margin: 10rpx 0;
			font-size: 30rpx;
			line-height: 1.6;

			.highlight {
				color: #ff4d4f;
				font-weight: bold;
				font-size: 32rpx;
			}
		}
	}

	.agreement-tip-popup {
		width: 80vw;
		background-color: #fff;
		border-radius: 20rpx;
		overflow: hidden;
		
		.popup-content {
			padding: 40rpx;
			
			.tip-text {
				font-size: 32rpx;
				color: #333;
				text-align: center;
				display: block;
				margin-bottom: 40rpx;
			}
			
			.btn-group {
				display: flex;
				justify-content: center;
				
				.btn {
					width: 240rpx;
					height: 80rpx;
					border-radius: 40rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 32rpx;
				}
				
				.agree-btn {
					background: #3175ff;
					color: #fff;
				}
			}
		}
	}
</style>